<#import "/base/base.html" as base>
<@base.html  
    title="${(categorySeo.seoTitle)!' '}" 
    keywords="${(categorySeo.seoKeywords)!' '}" 
    description="${(categorySeo.seoDescription)!' '}">

<div class="index-content">
    <script async src="/js/v0.js"></script>
    <link rel="stylesheet" href="/static/swiper/swiper-bundle.min.css">
    <!-- js封装 -->
    <script src="/js/amp-bind-0.1.js"></script>
    </head>
    <article>
        <div class="banners">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img  src="https://img.waimaoniu.net/321/321-202211181522515604.jpg" >
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img.waimaoniu.net/321/321-202211181523068597.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img.waimaoniu.net/321/321-202211181335110689.jpg">
                    </div>

                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
        <!--subblock-->
        <section class="subblock big_block">
            <div class="category fxw_w fxd_jc_sb">
                <div class="hot-products-t">
                    <span>Product Category</span>
                    <i></i>
                </div>
                <div class="category-box">
                    <div class="category_item margin_top_10">
                        <a href="/product-list/pharmaceutical-intermediates">
                            <div class="category-box-detail">
                                <div class="category-box-type">
                                    <h2>Pharmaceutical Intermediates</h2>
                                </div>
                                <div class="btn">
                                    Read More &gt;
                                </div>
                            </div>
                            <img src="https://img.waimaoniu.net/321/321-202101221712478734.png" width="700" height="300"
                                 layout="responsive"> </a>
                    </div>
                    <div class="category_item margin_top_10">
                        <a href="/product-list/electronic-chemicals">
                            <div class="category-box-detail">
                                <div class="category-box-type">
                                    <h2>Electronic Chemicals</h2>
                                </div>
                                <div class="btn">
                                    Read More &gt;
                                </div>
                            </div>
                            <img src="https://img.waimaoniu.net/321/321-202101250918282575.png" width="700" height="300"
                                 layout="responsive"> </a>
                    </div>
                    <div class="category_item margin_top_10">
                        <a href="/product-list/aromatic-fragrance">
                            <div class="category-box-detail">
                                <div class="category-box-type">
                                    <h2>Aromatic Fragrance</h2>
                                </div>
                                <div class="btn">
                                    Read More &gt;
                                </div>
                            </div>
                            <img src="https://img.waimaoniu.net/321/321-202101221458258563.png" width="700" height="300"
                                 layout="responsive"> </a>
                    </div>
                    <div class="category_item margin_top_10">
                        <a href="/product-list/agrochemical">
                            <div class="category-box-detail">
                                <div class="category-box-type">
                                    <h2>Agrochemical</h2>
                                </div>
                                <div class="btn">
                                    Read More &gt;
                                </div>
                            </div>
                            <img src="https://img.waimaoniu.net/321/321-202101250915598260.png" width="700" height="300"
                                 layout="responsive"> </a>
                    </div>
                </div>
            </div>
        </section>
        <!--subblock end-->
        <!-- About Us -->
        <section class="focus aboutbg">
            <div class="focus-center">
                <div class="hot-products-t">
                    <span>About Us</span>
                    <i></i>
                </div>
                <div class="focus-box">
                    <h1>Shenyang East Chemical Science-Tech Co., Ltd.</h1>
                    <p>Shenyang East Chemical Science-Tech Co., Ltd. is a company supplying fine chemical product and
                        service, specializing in electronics and pharmaceutical industries and other chemical related
                        industries. The company is mainly dealing in the BDO and its derivatives, including GBL, NMP and
                        THF, the optical functional resin materials, the fine chemical intermediate and ohter
                        environment-friendly organic solvent; it also provides clients with customization and chemicals
                        synthesis service. The company has always been focusing on the electronics(IC/LCD/Lithium-ion
                        battery/insulating materials), pharmaceutical intermediate, daily chemical, agrochem, painting,
                        printing ink and pigment industries by virtue of its rich professional knowledge.</p>
                </div>
                <a href="/aboutus"
                   class="ampstart-btn ampstart-btn-secondary lune-anim-move-up lune-theme-light lune-transparent"> <span
                    class="relative block z3">More &gt;</span> </a>
            </div>
        </section>
        <!-- About Us end-->
        <!--hot-products-->
        <section class="hot-products">
            <div class="hot-products-center">
                <div class="hot-products-t">
                    <span>Hot Products</span>
                    <i></i>
                </div>
                <div class="hot-products-box">
                    <ul>
                        <#if recommendProducts?? && recommendProducts?size gt 0>
                            <#list recommendProducts as product>
                                <li>
                                    <div class="item">
                                        <a href="/product/${product.slug!''}" title="${product.title!''}">
                                            <img src="${product.thumb!''}" layout="responsive"
                                                 alt="${product.title!''}">
                                        </a>
                                        <div class="hot-products-box-t">
                                            <a href="/product/${product.slug!''}" title="${product.title!''}">
                                                <h3>${product.title!''}</h3>
                                            </a>
                                        </div>
                                    </div>
                                </li>
                            </#list>
                        </#if>
                    </ul>
                </div>
            </div>
        </section>
        <!--hot-products end-->
        <!--news-->
        <section class="index-news">
            <div class="index-news-center">
                <div class="index-news-t">
                    <span>News</span>
                    <i></i>
                </div>
                <div class="index-news-box">
                    <ul>
                    </ul>
                </div>
            </div>
        </section>
        <!--news end-->
        <!-- Featured Products -->
        <section class="featured-products">
            <div class="featured-products-center">
                <div class="featured-products-t">
                    <span>Featured Products</span>
                    <i></i>
                </div>
                <div class="featured-products-box">
                    <ul>
                        <#if featuredProducts?? && featuredProducts?size gt 0>
                            <#list featuredProducts as product>
                                <li>
                                    <div class="item">
                                        <a href="/product/${product.slug!''}"
                                           title="${product.title!''}">
                                            <img src="${product.thumb!''}" layout="responsive"
                                                 alt="${product.title!''}">
                                        </a>
                                        <div class="featured-products-box-t">
                                            <a href="/product/${product.slug!''}"
                                               title="${product.title!''}">
                                                <h3>${product.title!''}</h3>
                                            </a>
                                        </div>
                                    </div>
                                </li>
                            </#list>
                        </#if>
                    </ul>
                </div>
            </div>
        </section>
        <!-- Featured Products end-->
        <!--quick-links-->
        <section class="quick-links">
            <div class="quick-links-center">
                <div class="quick-links-t">
                    <span>Quick Links</span>
                    <i></i>
                </div>
                <div class="quick-links-box">
                    <ul>
                        <li><a href="/product-list/pharmaceutical-intermediates">Pharmaceutical Intermediates</a></li>
                        <li><a href="/product-list/electronic-chemicals">Electronic Chemicals</a></li>
                        <li><a href="/product-list/aromatic-fragrance">Aromatic Fragrance</a></li>
                        <li><a href="/product-list/agrochemical">Agrochemical</a></li>
                        <li><a href="/product-list/grease-material">Grease Material</a></li>
                        <li><a href="/product-list/petroleumoil">Petroleum Oil</a></li>
                        <li><a href="/product-list/coating-painting">Coating Painting</a></li>
                        <li><a href="/product-list/cosmetics-solvents">Cosmetics Solvents</a></li>
                        <li><a href="/product-list/special-solvents">Special Solvents</a></li>
                        <li><a href="/product-list/bdo-derivatives">Bdo Derivatives</a></li>
                        <li><a href="/product-list/organic-intermediates">Organic Intermediates</a></li>
                        <li><a href="/product-list/fire-resistant-material">Fire-resistant material</a></li>
                        <li><a href="/product-list/rubber-accelerators">Rubber&nbsp;Accelerators</a></li>
                        <li><a href="/product-list/water-treatment">Water Treatment</a></li>
                        <li><a href="/product-list/superplasticizer">Superplasticizer</a></li>
                        <li><a href="/product-list/tuball">TUBALL</a></li>
                        <li><a href="/product-list/hydroxypropyl-methylcellulose">Hydroxypropyl Methylcellulose</a></li>
                        <li><a href="/product-list/animal-nutrition">Animal nutrition</a></li>
                    </ul>
                </div>
            </div>
        </section>
        <!--quick-links end-->
        <!--case-->
        <section class="index-case">
            <div class="index-case-center">
                <div class="index-case-t">
                    <span>Case</span>
                    <i></i>
                </div>
                <div class="index-case-box">
                    <ul>
                        <#if applicationCases?? && applicationCases?size gt 0>
                            <#list applicationCases as case>
                                <li>
                                    <a href="/application/${case.category!''}/${case.slug!''}">
                                        <div class="item">
                                            <div class="index-case-box-frame">
                                                <img layout="responsive"
                                                     src="${case.thumb!''}"
                                                     alt="${case.title!''}">
                                                <div class="list_photo_box"></div>
                                                <div class="list_photo_text">
                                                    Details >>
                                                </div>
                                            </div>
                                            <div class="index-case-box-t">
                                                ${case.title!''}
                                            </div>
                                            <p>${case.desc!''}</p>
                                        </div>
                                    </a>
                                </li>
                            </#list>
                        </#if>
                    </ul>
                </div>
            </div>
        </section>
        <!--case end-->
    </article>
    <script type="text/javascript" src="/static/js/jquery.js"></script>
    <script type="text/javascript" src="/static/swiper/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper(".mySwiper", {
            pagination: {
                el: ".swiper-pagination",
            },
        });
    </script>
</div>
</@base.html>
